<template>
	<web-view :src="bankUrl"></web-view>
	<!-- <view style="width: 100vw;display: flex;justify-content: center;">
	</view> -->
</template>
<script>
	export default {
		data() {
			return {
				bankUrl:''
			}
		},
		mounted() {
		},
		methods: {
		},
		onLoad(e){
			console.log(e)
			this.bankUrl = decodeURIComponent(e.bankUrl)
		}
	}
</script>

<style scoped lang="scss"> 
	.bank-card {
		position: relative;
		width: 686rpx;
		background: #0252a2;
		border-radius: 16rpx;
		padding: 32rpx;
		color: #fff;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

	/* 银行名称和logo */
	.card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 60rpx;
	}

	.bank-name {
		font-size: 36rpx;
		font-weight: bold;
	}

	.bank-logo {
		width: 120rpx;
		height: 60rpx;
	}

	/* 卡号区域 */
	.card-number {
		margin-bottom: 80rpx;
	}

	.number-text {
		font-size: 44rpx;
		letter-spacing: 4rpx;
		font-family: monospace;
	}

	.card-type {
		display: block;
		font-size: 28rpx;
		margin-top: 16rpx;
		opacity: 0.9;
	}

	/* 底部信息 */
	.card-footer {
		display: flex;
		justify-content: space-between;
	}

	.info-item {
		.label {
			font-size: 24rpx;
			opacity: 0.8;
			margin-bottom: 8rpx;
		}

		.value {
			font-size: 32rpx;
			letter-spacing: 2rpx;
		}
	}

	/* 状态标签 */
	.status-tag {
		position: absolute;
		top: 32rpx;
		right: -48rpx;
		background: rgba(255, 0, 0, 0.8);
		color: #fff;
		padding: 8rpx 64rpx;
		transform: rotate(45deg);
		font-size: 24rpx;
	}
</style>